<template>
<div>
    <Header :head='head'/>
    <div class="one hhe">
        <p class="title">食品监督安全公示</p>
        <div>
            <div class="img">
                <p>优</p>
            </div>
            <div>
                <p>检查结果:<span>优</span></p>
                <p>检查日期:<span>--</span></p>
            </div>
        </div>
    </div>
    <div class="two hhe">
        <p class="title">店家信息</p>
        <div>
            <p>{{this.$route.query.title}}</p>
            <p>地址:<span>--</span></p>
            <p>营业时间:<span>[6:30-21:00]</span></p>
            <p>营业执照 <a href="" class="right mui-icon mui-icon-arrowright"></a></p>
            <p>餐饮服务许可证<a href="" class="right mui-icon mui-icon-arrowright"></a></p>
        </div>
    </div>
</div>
</template>

<script>
import Header from 'components/common/Header'
export default {
    components: {
        Header
    },
    data() {
        return {
            head:'商家详情'
        };
    },
    methods: {

    },
}
</script>
<style  scoped>
p{
margin:0;
}
.hhe{
    background-color: #f5f5f5;
    padding:0 .5rem;
    margin-bottom: 1rem;
}
.one>div{
    display: flex;
    padding:.5rem;
}
.img{
    width: 3rem;
    height: 3rem;
    background-color:lime;
    margin-right: .5rem;
    border-radius: 50%;
}
.img>p{
    text-align: center;
    font-size: 1.8rem;
    color: white;
}
.title{
    font-weight: bold;
    font-size: 1rem;
    padding: .5rem 0;
    border-bottom:1px white solid;
}
.two>div>p{
    padding:.5rem .5rem;
    border-bottom:1px white solid;
}
.two>div>p>span{
    margin-left: .5rem;
}
.two>div>p>a{
    float: right;
    color: #aaaaaa;
}
</style>